    <style>
    .text{
      mso-number-format:"\@";
    }
    </style>

		<script src="<?php echo base_url('datepicker/js/bootstrap-datepicker.js'); ?>"></script>
    <link href="<?php echo base_url('datepicker/css/datepicker.css') ?>" rel="stylesheet">

    <script src="<?php echo base_url('assets/pagination/jquery.pagination.js'); ?>"></script>

    <section id="home">
			<ul class="breadcrumb">
			  <li><a href="<?php echo base_url(); ?>">Home</a><span class="divider">/</span></li>
			  <li class="active">ส่งออกข้อมูล CDD</li>
			</ul>

	    <div class="page-header">
	      <h1>ส่งออกข้อมูล CDD</h1>
	    </div>

	    <div>
	    	<?php echo form_open('',array('class'=>'form-horizontal','id'=>'frmSearchDataCDD')); ?>
          
          <div id="dp-alert" class="alert hide">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>คำเตือน!</strong> <span>มีการกำหนดวันที่เริ่มต้นมากกว่าวันที่สิ้นสุด</span>
          </div>

          <div class="control-group">
            <label class="control-label" for="type">ประเภทข้อมูล</label>
            <div class="controls">
              <select id="type" name="type">
                <option value="sequester">ข้อมูลยึด/อายัด</option>
                <option value="assign">ข้อมูลมอบหมาย</option>
              </select>
            </div>
          </div>

          <div class="control-group">
          <span class="control-label">วันที่ยื่นคำร้อง</span>
          <div class="controls form-inline">
            
            <div class="input-append date" id="dp1" data-date="" data-date-format="dd-mm-yyyy">
              <input id="startdate-text" name="startdate-text" class="span2" size="16" type="text" value="" readonly>
              <span class="add-on"><i class="icon-calendar"></i></span>
            </div>

            <label for="inputValue">ถึงวันที่</label>
            <div class="input-append date"  id="dp2" data-date="" data-date-format="dd-mm-yyyy">
              <input id="enddate-text" name="enddate-text" class="span2" size="16" type="text" value="" readonly>
              <span class="add-on"><i class="icon-calendar"></i></span>
            </div>

          </div>
        </div>

				  <div class="control-group">
				    <div class="controls">
              <button class="btn " id='btnClear' type="button">ล้างค่า</button>
				      <button id="btnSearch" name="btnFind" type="button" class="btn btn-primary" data-complete-text="<i class='icon-search icon-white'></i> ค้นหา" data-loading-text="กำลังค้นหาข้อมูล..."><i class="icon-search icon-white"></i> ค้นหา</button>
            </div>
				  </div>
				</form>

    <script type="text/javascript">

    var itemData;
    var itemChk = new Array();

    $(function(){
      var today = new Date();

      var d = ("0" + today.getDate()).slice(-2);
      var m = ("0" + (today.getMonth() + 1)).slice(-2);
      var y = today.getFullYear();

      $('#dp1').data({date: '01-01-'+y});
      $('#dp2').data({date: d+'-'+m+'-'+y});
      
      var startDate = new Date(today.getFullYear(),1,1);
      var endDate = new Date(today.getFullYear(),today.getMonth(),today.getDate());

      $('#dp1').datepicker().on('changeDate', function(ev){
        if (ev.date.valueOf() > endDate.valueOf()){
          if ($('#dp-alert').hasClass('hide') == true) {
            $('#dp-alert').removeClass('hide');
          };
          $('#dp-alert').find('span').text('มีการกำหนดวันที่เริ่มต้นมากกว่าวันที่สิ้นสุด');
        } else {
          if ($('#dp-alert').hasClass('hide') == false) {
            $('#dp-alert').addClass('hide');
          };
          startDate = new Date(ev.date);
          $('#startdate-text').val($('#dp1').data('date'));
          $('#enddate-text').val(d+'-'+m+'-'+today.getFullYear());
        }
        //$('#dp1').datepicker('hide');
      });

      $('#dp2').datepicker().on('changeDate', function(ev){
        if($('#startdate-text').val() == ""){
          $('#dp-alert').find('span').text('กรุณาเลือกวันที่เริ่มต้นก่อน');
          if ($('#dp-alert').hasClass('hide') == true) {
            $('#dp-alert').removeClass('hide');
          };
          $('#enddate-text').val("");
          return;
        }
        if (ev.date.valueOf() < startDate.valueOf()){
          if ($('#dp-alert').hasClass('hide') == true) {
            $('#dp-alert').removeClass('hide');
          };
          $('#dp-alert').find('span').text('มีการกำหนดวันที่เริ่มต้นมากกว่าวันที่สิ้นสุด');
        } else {
          if ($('#dp-alert').hasClass('hide') == false) {
            $('#dp-alert').addClass('hide');
          };
          endDate = new Date(ev.date);
          $('#enddate-text').val($('#dp2').data('date'));
        }
        //$('#dp2').datepicker('hide');
      });

    });

    
    function pageselectCallback(page_index, jq){
      // Get number of elements per pagionation page from form
      var items_per_page = 50;
      var max_elem = Math.min((page_index+1) * items_per_page, itemData.length);
      var newcontent = '';

      // Iterate through a selection of the content and build an HTML string
      for(var i = page_index * items_per_page; i < max_elem ; i++)
      {
          newcontent += '<tr>';
          newcontent += '<td>'+(i+1)+'</td>';
          newcontent += '<td>'+itemData[i].CAC_HOLD_ASSET_COMMAND_ID+'</td>';
          newcontent += '<td>'+itemData[i].CASE_NAME+'</td>';
          newcontent += '<td>'+itemData[i].PREFIX+itemData[i].FIRST_NAME+"  "+itemData[i].LAST_NAME+'</td>';
          newcontent += '<td>'+itemData[i].COMMAND_DATE+'</td>';

          if($.inArray(itemData[i].HOLD_ID,itemChk) > -1)
            newcontent += '<td><input type="checkbox" name="chkbox" data-identify="'+itemData[i].HOLD_ID+'" checked="checked" class="chkboxRow"></td>';
          else
            newcontent += '<td><input type="checkbox" name="chkbox" data-identify="'+itemData[i].HOLD_ID+'"  class="chkboxRow"></td>';
          
          newcontent += '</tr>';
      }

      // Replace old content with new content
      $('#tbListData tbody').html(newcontent);

      // Prevent click eventpropagation
      return false;
    }

    function showListItem(data){

      itemData = data;

      if (data.length > 0) {
        $('#amountItem').html('จำนวนรายการทั้งหมดที่พบ '+data.length+' รายการ');
        $('#tbListData').show();
        $('#alertNotFoundData').addClass('hide');

        $(".pagination ul").pagination(data.length, {
          items_per_page:50,
          callback:pageselectCallback
        });

      }else{
        $('#tbListData').hide();
        $('#alertNotFoundData').removeClass('hide');

        return;
      }
    }

    $('#btnClear').bind('click',function(){
      $('#startdate-text').val('');
      $('#enddate-text').val('');
    });

    $('#btnSearch').bind('click',function(){
      $(this).button('loading');
      $.ajax({
        type: "POST",
        url: "<?php echo base_url(); ?>index.php/exportController/ajaxGetDataCDD",
        data: $('#frmSearchDataCDD').serialize(),
        //contentType: "application/json; charset=UTF-8",
        success: function (data) { 
          //alert(data);  
          $('#test').html(data);
          showListItem(data);
          $('#chkbox-all').prop("checked",false);
          $('#btnSearch').button('complete');
        },
        error: function (error){
          var er = "";
          for( var e in error)
            er += 'error : '+e+' <br>';
          alert(er);
        }
      });
      return false;
    });

    //CHECK BOX
    $(document).on('change','input[name="chkbox-all"]',function() {
      if ($('#chkbox-all').is(':checked')) {
        itemChk = new Array();
        for (var i = 0; i < itemData.length; i++) {
          itemChk.push(itemData[i].HOLD_ID);
          $('.chkboxRow').prop('checked' , true);
        };
      }else{
        itemChk = new Array();
        $('.chkboxRow').prop('checked' , false);
      }
      $('#amountSelect').html('จำนวนรายการที่เลือก '+itemChk.length+' รายการ');
    });

    $(document).on('change','input[name="chkbox"]',function() {
      if ($('#chkbox-all').is(':checked')) {
        $('#chkbox-all').prop('checked', false);
      }
      if ($(this).is(':checked')) {
        itemChk.push($(this).data('identify'));
      } else {
        var itemtoRemove = $(this).data('identify');
        itemChk.splice($.inArray(itemtoRemove, itemChk),1);
      }
      $('#amountSelect').html('จำนวนรายการที่เลือก '+itemChk.length+' รายการ');
    });

    
    $(document).on("click", "#btnExport", function(){ 

      var newdata = "";
      $(this).button('loading');
      $.each( itemData, function( key, value ) {
        
        if($.inArray(itemData[key].HOLD_ID, itemChk) > -1){
          //alert(itemData[key].PREFIX);
          newdata += '<tr>';
          newdata += '<td></td>';
          if (itemData[key].PREFIX == 'บริษัท') {
            newdata += '<td>ENTITY</td>';
          }else{
            newdata += '<td>PERSON</td>';
          }
          newdata += '<td>'+itemData[key].PREFIX+'</td>';
          newdata += '<td>'+itemData[key].FIRST_NAME+'</td>';
          newdata += '<td>'+itemData[key].LAST_NAME+'</td>';
          newdata += '<td>'+itemData[key].FIRST_NAME+'</td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td class="text">'+itemData[key].BIRTH_DATE+'</td>';
          if (itemData[key].POLITIC_OID == null) {
            newdata += '<td></td>';
          }else{
            newdata += '<td>TH</td>';
          }
          newdata += '<td>'+itemData[key].PROVINCE_ID+'</td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td></td>';

          if (itemData[key].CARD_TYPE == '1') {
            newdata += '<td class="text">'+itemData[key].CITIZEN_CARD_NUMBER+'</td>';
          }else{
            newdata += '<td class="text"></td>';
          }

          if (itemData[key].CARD_TYPE == '3') {
            newdata += '<td class="text">'+itemData[key].CITIZEN_CARD_NUMBER+'</td>';
          }else{
            newdata += '<td class="text"></td>';
          }

          if (itemData[key].CARD_TYPE == '4') {
            newdata += '<td class="text">'+itemData[key].CITIZEN_CARD_NUMBER+'</td>';
          }else{
            newdata += '<td class="text"></td>';
          }
          
          newdata += '<td></td>';
          newdata += '<td>'+itemData[key].ADDRESS+'</td>';
          newdata += '<td></td>';
          newdata += '<td>'+itemData[key].POLITIC_DESC_TH+'</td>';
          newdata += '<td>'+itemData[key].REGION_POLITIC_DESC_TH+'</td>';
          if (itemData[key].PROVINCE_ID == null) {
            newdata += '<td></td>';
          }else{
            newdata += '<td>TH</td>';
          }

          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          if (itemData[key].CARD_TYPE == '2' || itemData[key].CARD_TYPE == '5') {
            newdata += '<td>'+itemData[key].CITIZEN_CARD_NUMBER+'</td>';
          }else{
            newdata += '<td></td>';
          }

          if (itemData[key].CARD_TYPE == '2') {
            newdata += '<td>เลขประจำตัวข้าราชการ</td>';
          }else if (itemData[key].CARD_TYPE == '5'){
            newdata += '<td>'+itemData[key].ID_REMARK+'</td>';
          }else{
            newdata += '<td></td>';
          }
          newdata += '<td></td>';
          newdata += '<td></td>';
          newdata += '<td></td>';
          
          newdata += '</tr>';

        }

      });
  
      $('#tbExport tbody').html(newdata);

      //window.open('data:application/vnd.ms-excel,' + encodeURIComponent($('#tbExport').html()));
      //e.preventDefault();
      //$.post("<?php base_url('index.php/exportController/exportXLS') ?>", { table: $('#tbExport') } );

      var url = '<?php base_url("") ?>exportXLS';
      $('<form action="'+url+'" method="POST"><textarea name="dataTable">'+ $('#tbExport').html()+'</form>').submit();
      $(this).button('complete');
    });  

    </script>


        <div id="test"></div>


        <div id='alertNotFoundData' class="alert alert-error hide">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          <strong>ไม่พบข้อมูล </strong> 
        </div>

        <div class="pagination pagination-centered"><ul></ul></div>

        <div id="tbListData" style="display:none;">
  				<table  class="table table-striped table-condensed headerCenter" >

            <div id="amountItem">จำนวนรายการทั้งหมดที่พบ  รายการ</div>
            <div id="amountSelect">จำนวนรายการที่เลือก 0 รายการ</div>
          
            <button id="btnExport" type="button" class="btn btn-primary pull-right" data-complete-text="ส่งออกรายการที่เลือก" data-loading-text="กำลังเดำเนินการ...">ส่งออกรายการที่เลือก</button>
           
  	        <thead>
  	        	<tr>
  		          <th rowspan="2">ลำดับที่</th>
  		          <th rowspan="2">คำสั่ง</th>
                <th rowspan="2">รายคดี/ชื่อคดี</th>
  		          <th rowspan="2">ชื่อ - นามสกุล</th>
  		          <th rowspan="2">วันที่ออกคำสั่ง</th>
  		          <th rowspan="2"><input type="checkbox" name="chkbox-all" id="chkbox-all" ></th>
  		        </tr>
  	        </thead>
          	<tbody>
          		
          	</tbody>
          </table>
          <div class="pagination pagination-centered"><ul></ul></div>
        </div>
			</div>
	  </section>


    <!-- style="display:none" -->
    <div id='tbExport'>
      <table border='1' style="display:none">
        <thead>
          <tr style="background-color:#FFCC99">
            <td>รหัสบุคคล</td>
            <td>ประเภทบุคคล</td>
            <td>คำนำหน้าชื่อ</td>
            <td>ชื่อ (กรณีเป็นบุคคล) หรือชื่อเต็ม หรือชื่อย่อ (กรณีเป็นนิติบุคคล)</td>
            <td>นามสกุล</td>
            <td>ชื่อกลาง (ถ้ามี)</td>
            <td>ชื่อ4 (ถ้ามี)</td>
            <td>ชื่อ (ตัวอักษรต้นแบบ) ให้ระบุได้เฉพาะภาษาอังกฤษเท่านั้น</td>
            <td>วันเดือนปีเกิดex.2556-01-23</td>
            <td>ประเทศเกิด</td>
            <td>จังหวัด/รัฐ/เมืองที่เกิด(ถ้ามี)</td>
            <td>ตำแหน่ง(ถ้ามี)</td>
            <td>เพศให้ระบุเป็น MALE หรือ FEMALE</td>
            <td>อาชีพ(ถ้ามี)</td>
            <td>สัญชาติ</td>
            <td>รหัสประจำตัวประชาชน</td>
            <td>เลขที่หนังสือเดืนทาง</td>
            <td>เลขทะเบียนนิติบุคคล</td>
            <td>เลขประจำตัวผู้เสียภาษี</td>
            <td>ที่อยู่(ตามทะเบียนบ้าน) เช่น 33/4 ถ.สุขสวัสดิ์</td>
            <td>ตำบล</td>
            <td>อำเภอ </td>
            <td>จังหวัด/รัฐ/เมือง</td>
            <td>ประเทศ</td>
            <td>ที่อยู่ (ที่ติดต่อได้) เช่น 33/4 ถ.สุขสวัสดิ์</td>
            <td>ตำบล</td>
            <td>อำเภอ</td>
            <td>จังหวัด/รัฐ/เมือง</td>
            <td>ประเทศ</td>
            <td>ชื่ออื่นที่อาจใช้ระบุตัวตน
  ได้ [1] (ถ้ามี)</td>
            <td>ชื่ออื่นที่อาจใช้ระบุตัวตน
  ได้ [2] (ถ้ามี)</td>
            <td>ชื่ออื่นที่อาจใช้ระบุตัวตน
  ได้ [3] (ถ้ามี)</td>
            <td>ชื่ออื่น / ฉายา [1]</td>
            <td>ชื่ออื่น / ฉายา [2]</td>
            <td>ชื่ออื่น / ฉายา [3]</td>
            <td>เลขที่ของหลักฐานแสดงตนอื่นๆ (ถ้ามี)</td>
            <td>คำอธิบายชนิดของเลขที่หลักฐานแสดงต้นอื่นๆ</td>
            <td>รหัสหน่วยงาน 
  (อ้างอิงจากระบบ AERS)</td>
            <td>เลขที่เอกสาร</td>
            <td>ประเภทเอกสาร</td>
          </tr>
          <tr>
            <td>UID</td>
            <td>ENTITY_TYPE</td>
            <td>TITLE</td>
            <td>NAME1</td>
            <td>NAME2</td>
            <td>NAME3</td>
            <td>NAME4</td>
            <td>SCRIPTNAME</td>
            <td>DOB</td>
            <td>POB_COUNTRY</td>
            <td>POB_PROVINCE</td>
            <td>POSITION</td>
            <td>GENDER</td>
            <td>OCC</td>
            <td>NATIONALITY</td>
            <td>NATIONAL_ID</td>
            <td>PASSPORT_ID</td>
            <td>CORP_REG_NO</td>
            <td>TAXID</td>
            <td>ADDR1</td>
            <td>ADDR1-SUBDISTRICT</td>
            <td>ADDR1-DISTRICT</td>
            <td>ADDR1-PROVINCE</td>
            <td>ADDR1-COUNTRY</td>
            <td>ADDR2</td>
            <td>ADDR2-SUBDISTRICT</td>
            <td>ADDR2-DISTRICT</td>
            <td>ADDR2-PROVINCE</td>
            <td>ADDR2-COUNTRY</td>
            <td>ALIAS1</td>
            <td>ALIAS2</td>
            <td>ALIAS3</td>
            <td>LOWALIAS1</td>
            <td>LOWALIAS2</td>
            <td>LOWALIAS3</td>
            <td>ID_OTHER</td>
            <td>ID_OTHER_DESC</td>
            <td>ORG_ID</td>
            <td>DocNo</td>
            <td>DocType</td> 
          </tr>
          
        </thead>
        <tbody>
          <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
        </tbody>
      </table>
    </div>

